<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // js的数组
        //数组的创建
        /*
        类型[] 数组名 = new 类型[长度]
        类型[] 数组名 = {};
        数组的长度是不可改变的。
        */

        //js数组的创建方式
        //1、
        var a = new Array();
        //2、
        var b = [];
        //3、
        var c = ['', 1, ''];
        //js里面的数组是可变的。随着存放的元素个数来决定数组的长度
        //操作数组也是通过数组的下标来操作
        //获取数组的长度 length

        //给数组中存元素
        b[0] = '张三';
        b[1] = 123;
        b[2] = false;

        // b.length = 4;



        // js数组有方法了
        // push() 完数组的最后位置添加元素
        //b.push("李四");
        //    pop() 删除并返回最后一个元素
        //console.log(b.pop());

        //shift() 删除并返回第一个元素
        //console.log(b.shift());

        //把元素添加到数组的第一个位置，并且返回数组的长度
        console.log(b.unshift("gg"));
        console.log('***********************')
        for (var i = 0; i < b.length; i++) {
            console.log(b[i]);
        }

        //数组的反转
        b.reverse();

        
        console.log('***********************')
        console.log(b[7]);

        b.length = 7;
        b.push("哈哈哈")
        console.log('***********************')
        for (var i = 0; i < b.length; i++) {
            console.log(b[i]);
        }

        //以什么方式连接数组元素，返回字符串
        console.log(b.join(','));
    </script>
</body>

</html>